<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
<h:head><title>PrimeFaces Intro Exercises</title>
</h:head>
<h:body>

<h:form> 
	<h:inputText id="number" value="#{sliderBean.number}" />
 	<p:slider for="number">
		<p:ajax event="slideEnd" listener="#{sliderBean.onSlideEnd}" update="category" />
 	</p:slider>
 	<h:inputText id="category" value="#{sliderBean.category}" />
</h:form>
    
</h:body></html>